
<div align="center">
    <!-- Title  -->
    <div style="margin-top: 10px;" align="center"> 
        <div class="field-row">
            <span class="report-tittle">{$name}</span>
        </div>
        <div class="field-row">
            <span style="font-size: 16px; text-align: center;">{translate}Date{/translate}: <b>{$date}</b></span>
        </div>
        <div style="clear: both;"></div>
    </div>
    
    <!-- Report result -->
    <div style="margin-top: 10px; width: 100%;" align="center">
        <div>
            <table id="reportResultTbl" class="printGrid2" cellpadding="0" cellspacing="0" style="width: 800px;">
                <thead>
                    <tr>
                        <th style="width: 30px;" class="first">{translate}No.{/translate}</th>
                        <th style="width: 80px;">{translate}Receipt code{/translate}</th>
                        <th style="width: 80px;">{translate}Patient's ID_1{/translate}</th>
                        <th>{translate}Full name{/translate}</th>                        
                        <th style="width: 180px;">{translate}Cashier{/translate}</th>
                        <th class='last' style="width: 120px;">{translate}Money amount{/translate}</th>
                    </tr>
                </thead>
                <tbody>
                    {if !empty($collectingReceiptList)}                 
                    {foreach from=$collectingReceiptList item=paymentItem}
                        <tr>
                            <td class='order first'>{$collectingIndex++}</td>
                            <td>{$paymentItem.receipt_code}</td>
                            <td>{$paymentItem.patient_code}</td>
                            <td>{$paymentItem.patient_name}</td>                            
                            <td>{$paymentItem.cashier_name}</td>                            
                            <td class='last money'>{$paymentItem.amount}</td>
                        </tr>
                    {/foreach}
                        <tr class='last footer'>
                            <td colspan="3" class="first" style="border-right: none;">&nbsp;</td>
                            <td colspan="2" align="left" style="border-left: none; border-right: none;"><span class="total-label">{translate}Total{/translate}</span></td>
                            <td class="money" style="border-left: none;"><span class="total-value">{$totalCollecting}</span></td>
                         </tr>
                    {else}                  
                        <tr><td colspan="6" align="left"  class='first last'>{translate}The report has no results{/translate}</td></tr>
                    {/if}
                </tbody>
            </table>
        </div>
</div>